<template>
  <div>
    <h2>Header</h2>
    <p>count:{{ count }}</p>
  </div>
</template>

<script>
import PubSub from "pubsub-js";
export default {
  name: "Header",
  data() {
    return {
      count: 0,
    };
  },
  mounted() {
    //因为只有向pubsub订阅了数据,pubsub发布数据的时候才能接受,所以一般都是在初始化的时候就订阅数据
    //subscribe第一个参数是订阅的名称
    //subscribe的回调函数的第一个参数是订阅的名称,第二个参数是接受的数据
    PubSub.subscribe("count", (name, value) => {
      // console.log(value);
      this.count += value;
    });
  },
};
</script>

<style></style>
